<!doctype html>
<html lang="en">
  <head>
    <!-- Prevent the browser from requesting any favicon. -->
    <link rel="icon" href="data:," />
  </head>
  <body>
    <h2>Params</h2>
    <form>
      Depth:
      <input type="number" name="depth" placeholder="depth" value="10" />
      <br />
      <button>Apply</button>
    </form>

    <h2>Ng2 Tree Benchmark</h2>
    <p>
      <button id="destroyDom">destroyDom</button>
      <button id="createDom">createDom</button>
      <button id="detectChanges">detectChanges</button>
      <button id="updateDomProfile">profile updateDom</button>
      <button id="createDomProfile">profile createDom</button>
      <button id="detectChangesProfile">profile detectChanges</button>
    </p>

    <div>Change detection runs:<span id="numberOfChecks"></span></div>
    <div>
      <tree id="root">Loading...</tree>
    </div>

    <!-- BEGIN-EXTERNAL -->
    <script src="/_main/modules/node_modules/zone.js/bundles/zone.umd.js"></script>
    <!-- END-EXTERNAL -->

    <!-- Needs to be named `app_bundle` for sync into Google. -->
    <script src="/app_bundle.js"></script>
  </body>
</html>
